<template>
	<view class="deductionAmountPage">
		<block v-if="deductionType.cashierType=='0'">

			<view class="cashierSelection border-bottom-ECECEC" v-for="(item, index) in items" :key="item.value">
				<view class=" flex-between ">
					<view class="flex">
						<image class="image " :src="item.img" mode=""></image>
						<view class=" margin-left_20rpx">
							{{item.name}}
						</view>
					</view>
					<label class="radio">
						<radio-group @change="radioChange">
							<label class="uni-list-cell uni-list-cell-pd">
								<view>
									<radio style="transform:scale(0.7)" :value="item.value"
										:checked="index == current" />
								</view>

							</label>
						</radio-group>
					</label>
				</view>
			</view>

		</block>

		
		<view class="flex fixed">
			<view @click="previousStep()" class="scanCodeBtn flex margin-right_16rpx">
				上一步
			</view>
			<view class="nextBtn flex" @click="nextPay()">
				{{isScan?'扫一扫':'下一步'}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {

		},
		data() {
			return {
				tabIndex: 4,
				changeValue: '',
				isScan: false,
				current: 0,
				signParams: null,
				form: {
					id: '',
					cashierType: '0',
					// 抵扣类型
					deductionType: "0",
					balance: '',
					integral: ''
				},
				deductionType: null,
				items: [{
						value: '0',
						name: '余额抵扣',
						img: '../../../static/会员卡管理端/组合 913.png'

					},
					{
						value: '1',
						name: '抵扣套餐卡',
						img: '../../../static/会员卡管理端/组合 915.png'

					}

				],
			}
		},
		onLoad(options) {
			this.signFn()

			console.log(options)
			// 0 消费扣款 1 余额充值 2开通套餐卡


			this.$sun.assignObject(this.form, {
				...options
			})
			console.log(this.form)
			this.deductionType = options
			// 获取签名拉起扫一扫

		},
		methods: {
			// // 获取jsdk（判断用户是否开启定位）——是否弹窗
			// async getJssdkConfig() {
			// 	console.log('进入分页获取获取jsdk==========');
			// 	const getConfig = await this.$http.get({
			// 		url: this.$api.getJsdk,
			// 		data: {
			// 			siteId: uni.getStorageSync('siteId'), // 站点id
			// 			// url: 'https://yjyksaas.admin168.net/H5/index.html' // 除#/的网址url
			// 			url: window.location.href.split('#/')[0]
			// 		}
			// 	});
			// 	this.$wx.config({
			// 		debug: false,
			// 		appId: getConfig.data.appId,
			// 		timestamp: getConfig.data.timestamp,
			// 		nonceStr: getConfig.data.nonceStr,
			// 		signature: getConfig.data.signature,
			// 		jsApiList: [
			// 			'updateAppMessageShareData',
			// 			'updateTimelineShareData',
			// 			'onMenuShareTimeline',
			// 			'onMenuShareAppMessage',
			// 			'onMenuShareQQ',
			// 			'onMenuShareWeibo',
			// 			'wx-open-launch-weapp',
			// 			'getLocation',
			// 			'checkJsApi',
			// 			'chooseContact',
			// 			'scanQRCode'
			// 		],
			// 		openTagList: ['wx-open-launch-weapp']
			// 	});
			// 	// 获取手机是否开启定位
			// 	this.$wx.ready(() => {
			// 		this.$wx.checkJsApi({
			// 			jsApiList: ['getLocation'],
			// 			success: res => {
			// 				if (res.checkResult.getLocation == false) {
			// 					alert('你的微信版本太低，不支持微信JS接口，请升级到最新的微信版本！' + res);
			// 					return;
			// 				}
			// 			},
			// 			fail: res => {},
			// 			complete: res => {}
			// 		});
			// 		this.sharingSettings(); // 设置分享朋友圈/好友配置——需展示
			// 	});
			// },
			// 上一步
			previousStep(){
				this.$sun.navBack()
			},
			// 签名
			async signFn() {
				const result = await this.$http.post({
					url: this.$api.sign,
					data: {
						url:window.location.href.split('#/')[0]


					},
					headers: {
						'Authorization': `Bearer ${this.token}`
					}

				})
				if (result.code == 0) {
					this.signParams = result.data

				} else {
					this.$sun.toast(result.msg, 'none')
				}
			},
			radioChange(evt) {
				// 0 消费扣款 1 抵扣套餐卡
				console.log(evt)
				this.form.deductionType = evt.detail.value
				this.current = evt.detail.value
				if (this.current == '1') {
					this.isScan = true
				} else {
					this.isScan = false
				}
			},
			nextPay() {
				// 下一步
				// 0 消费扣款 1 余额充值 2开通套餐卡
				this.$at.uniDoFunc({
					key: 'submitPay',
					success: async () => {
						this.$at.lockKey('submitPay');
						// 登录 需要进行判断当前账号密码 和账号归属店铺及角色是否又选择
						if (!this.form.id) {
							this.$sun.toast("请输入会员名", 'none')
							this.$at.releaseKey('submitPay');
						} else {
							
							console.log(this.form.cashierType)
							if (this.form.deductionType == '0') {
						         this.$sun.navGo('/pages/cashierSystem/cashierDeduction/cashierDeduction',{id:this.deductionType.id})
								// this.$at.releaseKey('submitPay');
								// console.log(this.signParams)
								// this.$wx.config({
								// 	debug: false,
								// 	appId: this.signParams.appId,
								// 	timestamp: this.signParams.timestamp,
								// 	nonceStr: this.signParams.noncestr,
								// 	signature: this.signParams.sign,
								// 	jsApiList: [
								// 		'updateAppMessageShareData',
								// 		'updateTimelineShareData',
								// 		'onMenuShareTimeline',
								// 		'onMenuShareAppMessage',
								// 		'onMenuShareQQ',
								// 		'onMenuShareWeibo',
								// 		'wx-open-launch-weapp',
								// 		'getLocation',
								// 		'checkJsApi',
								// 		'chooseContact',
								// 		'scanQRCode'
								// 	],
								// 	openTagList: ['wx-open-launch-weapp']
								// });
								// this.$wx.ready(() => {
									
								
								// 	this.$wx.checkJsApi({
								// 		jsApiList: ['scanQRCode'],
								// 		success: res => {
								// 			if (res.checkResult.getLocation == false) {
								// 				alert('你的微信版本太低，不支持微信JS接口，请升级到最新的微信版本！' +
								// 					JSON.stringify(res));
								// 				return;
								// 			}
								// 			// alert('成功！' + JSON.stringify(res));
								// 		},
								// 		fail: res => {
								// 			// alert('失败！' + JSON.stringify(res));
								// 		},
								// 		complete: res => {
								
								// 			// alert('所有' + JSON.stringify(res));
								// 		}
								// 	});
									
								// 	this.$wx.scanQRCode({
								// 		needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
								// 		scanType: ["qrCode",
								// 		"barCode"], // 可以指定扫二维码还是一维码，默认二者都有
								// 		success: (res)=> {
								// 			// 当needResult 为 1 时，扫码返回的结果
								// 			let result = res.resultStr;
											
								// 			// 切割 URL 字符串以获取查询部分
								// 			// 首先找到问号 '?' 后面的部分，这部分包含了查询参数
								// 			const queryPart = result.split('?')[1];
											
								// 			// 使用URLSearchParams来解析查询字符串
								// 			const searchParams = new URLSearchParams(queryPart);
											
								// 			// 将参数转化为对象
								// 			const paramsObject = {};
								// 			for (const [key, value] of searchParams.entries()) {
								// 			  paramsObject[key] = value;
								// 			}
								// 			// 要检查的键数组
								// 			var keysToCheck = ["uid"];
											
								// 			// 判断是否所有键都存在
								// 			var allKeysExist = keysToCheck.every(function(key) {
								// 			    return paramsObject.hasOwnProperty(key);
								// 			});
								// 			if(allKeysExist){
								// 				this.$sun.navGo('/pages/cashierSystem/cashierDeduction/cashierDeduction',paramsObject)
								// 			}else{
								// 				alert('扫的二维码不正确！' + JSON
								// 					.stringify(paramsObject));
								// 			}
											
								// 			// alert('请升级到最新的微信版本！' + JSON
								// 			// 	.stringify(res));
									     
								// 		},
								// 		fail: function(res) {
								// 			console.log('扫描失败!' + res.errMsg);
								// 			alert('扫描失败' + JSON.stringify(res));
								// 		}
								// 	});
								
								// });
								// this.$sun.navGo('/pages/cashierSystem/cashierDeduction/cashierDeduction', {
								// 	...this.form
								// })


							} else {
								// 给定的URL
								// const urlString = 'http://ship.admin168.net/H5/gongzhManagement.html#/pages/cashierSystem/verificationPage/verificationPage?rand_code=HwudoS&id=21&uid=72';
								// const queryPart = urlString.split('?')[1];
								
								// // 使用URLSearchParams来解析查询字符串
								// const searchParams = new URLSearchParams(queryPart);
								
								// // 将参数转化为对象
								// const paramsObject = {};
								// for (const [key, value] of searchParams.entries()) {
								//   paramsObject[key] = value;
								// }
								
								// // 输出对象查看结果
								// console.log(paramsObject);
								// this.$sun.navGo('/pages/cashierSystem/verificationPage/verificationPage',paramsObject)
								// 输出对象查看结果
								// console.log(paramsObject);
								
								
								this.$at.releaseKey('submitPay');
								console.log(this.signParams)
								this.$wx.config({
									debug: false,
									appId: this.signParams.appId,
									timestamp: this.signParams.timestamp,
									nonceStr: this.signParams.noncestr,
									signature: this.signParams.sign,
									jsApiList: [
										'updateAppMessageShareData',
										'updateTimelineShareData',
										'onMenuShareTimeline',
										'onMenuShareAppMessage',
										'onMenuShareQQ',
										'onMenuShareWeibo',
										'wx-open-launch-weapp',
										'getLocation',
										'checkJsApi',
										'chooseContact',
										'scanQRCode'
									],
									openTagList: ['wx-open-launch-weapp']
								});
								this.$wx.ready(() => {
									

									this.$wx.checkJsApi({
										jsApiList: ['scanQRCode'],
										success: res => {
											if (res.checkResult.getLocation == false) {
												alert('你的微信版本太低，不支持微信JS接口，请升级到最新的微信版本！' +
													JSON.stringify(res));
												return;
											}
											// alert('成功！' + JSON.stringify(res));
										},
										fail: res => {
											// alert('失败！' + JSON.stringify(res));
										},
										complete: res => {

											// alert('所有' + JSON.stringify(res));
										}
									});
									
									this.$wx.scanQRCode({
										needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
										scanType: ["qrCode",
										"barCode"], // 可以指定扫二维码还是一维码，默认二者都有
										success: (res)=> {
											// 当needResult 为 1 时，扫码返回的结果
											let result = res.resultStr;
											
											// 切割 URL 字符串以获取查询部分
											// 首先找到问号 '?' 后面的部分，这部分包含了查询参数
											// const queryPart = result.split('?')[1];
											
											// // 使用URLSearchParams来解析查询字符串
											// const searchParams = new URLSearchParams(queryPart);
											
											// // 将参数转化为对象
											// const paramsObject = {};
											// for (const [key, value] of searchParams.entries()) {
											//   paramsObject[key] = value;
											// }
											//  // 要检查的键数组
											//  var keysToCheck = [ "id", ];
											 
											//  // 判断是否所有键都存在
											//  var allKeysExist = keysToCheck.every(function(key) {
											//      return paramsObject.hasOwnProperty(key);
											//  });
											//  if(allKeysExist){
											// 	 this.$sun.navGo('/pages/cashierSystem/verificationPage/verificationPage',paramsObject)
											//  }else{
											// 	 alert('扫的二维码不正确！' + JSON
											// 	 	.stringify(paramsObject));
													
											//  }
											
										     this.$sun.navGo('/pages/cashierSystem/verificationPage/verificationPage',{id:result,uid:this.deductionType.id})
									
										},
										fail: function(res) {
											console.log('扫描失败!' + res.errMsg);
											alert('扫描失败' + JSON.stringify(res));
										}
									});

								});
								
								


								

							}

						}




					}
				});
			}
		}
	}
</script>

<style lang="less" scoped>
	.deductionAmountPage {
		padding: 40rpx;

		.cashierSelection {

			padding: 30rpx;

			.image {
				width: 56rpx;
				height: 56rpx;
			}

			background: rgb(255, 255, 255);
		}

		.cashierSelectionContent {
			margin-top: 10rpx;
			padding: 30rpx;
			width: 322.96rpx;
			height: 171.56rpx;

			background: rgb(255, 246, 246);
		}

		.cashierSelectionContent-noActive {
			margin-top: 30rpx;
			padding: 30rpx;
			width: 322.96rpx;
			height: 171.56rpx;

			box-sizing: border-box;
			border: 2rpx solid rgb(228, 227, 227);
			background: rgb(255, 255, 255);
		}

		.fixed {

			position: fixed;
			bottom: 20rpx;

			.scanCodeBtn {
				width: 268.32rpx;
				height: 96rpx;
				box-sizing: border-box;
				border: 2rpx solid rgb(0, 87, 254);
				background: rgb(255, 255, 255);
				color: rgb(0, 87, 254);
			}

			.nextBtn {
				width: 390.08rpx;
				height: 96rpx;
				background: rgb(0, 87, 254);
				color: rgb(255, 255, 255);
			}
		}
	}

	page {
		background: #fff;
	}
</style>